<%@ page import="com.casework.Measure" %>



<div class="fieldcontain ${hasErrors(bean: measureInstance, field: 'fullMeasureDescription', 'error')} ">
    <label for="fullMeasureDescription">
        <g:message code="measure.fullMeasureDescription.label" default="Full Measure Description"/>

    </label>
    <g:textArea rows="5" cols="0" name="fullMeasureDescription" value="${measureInstance?.fullMeasureDescription}"/>
</div>

<div class="fieldcontain ${hasErrors(bean: measureInstance, field: 'leadMeasure', 'error')} ">
    <label for="leadMeasure">
        <g:message code="measure.leadMeasure.label" default="Lead Measure"/>

    </label>
    <g:checkBox name="leadMeasure" value="${measureInstance?.leadMeasure}"/>
</div>

<div class="fieldcontain ${hasErrors(bean: measureInstance, field: 'competitionConcern', 'error')} ">
    <label for="competitionConcern">
        <g:message code="measure.competitionConcern.label" default="Competition Concern"/>

    </label>
    <g:select name="competitionConcern" from="${com.casework.CompetitionConcern?.values()}"
              keys="${com.casework.CompetitionConcern.values()*.name()}"
              value="${measureInstance?.competitionConcern?.name()}" noSelection="['': '']"/>
</div>

<div class="fieldcontain ${hasErrors(bean: measureInstance, field: 'originOfDivestment', 'error')} ">
    <label for="originOfDivestment">
        <g:message code="measure.originOfDivestment.label" default="Origin Of Divestment"/>

    </label>
    <g:select name="originOfDivestment" from="${com.casework.OriginOfDivestment?.values()}"
              keys="${com.casework.OriginOfDivestment.values()*.name()}"
              value="${measureInstance?.originOfDivestment?.name()}" noSelection="['': '']"/>
</div>

<div class="fieldcontain ${hasErrors(bean: measureInstance, field: 'measureClassification', 'error')} ">
    <label for="measureClassification">
        <g:message code="measure.measureClassification.label" default="Measure Classification"/>

    </label>
    <g:select id="measureClassification" name="measureClassification.id"
              from="${com.casework.MeasureClassification.list()}" optionKey="id"
              value="${measureInstance?.measureClassification?.id}" class="many-to-one" noSelection="['null': '']"/>
</div>


<div id='extra-elements'>
    <g:include controller="measure" action="classification"  params="[measureId: measureInstance.id, classificationId: measureInstance.measureClassification?.id]"/>
</div>

<r:script>
    $('#measureClassification').change(function(){
        var value = $('#measureClassification').val()
        jQuery.ajax({
                type: 'POST',
                url: "${request.getContextPath()}/measure/classification",
                data: {'measureId': "${measureInstance.id}", 'classificationId': value},
                success: function(msg){
                    $('#extra-elements').children().remove()
                    $('#extra-elements').append(msg)
                    $('textArea').cleditor(editorParams);
                },
                error: function(e, xhr, status){
                    alert('Error connecting to server');
                }
            })
    })
</r:script>

<r:script>

    var editorParams = {
          width:        700, // width not including margins, borders or padding
          height:       250, // height not including margins, borders or padding
          controls:     // controls to add to the toolbar
                        "bold italic underline " +
                        "style | color highlight removeformat | bullets numbering | " +
                        "undo redo | " +
                        "| cut copy paste pastetext",
          colors:       // colors in the color popup
                        "FFF FCC FC9 FF9 FFC 9F9 9FF CFF CCF FCF " +
                        "CCC F66 F96 FF6 FF3 6F9 3FF 6FF 99F F9F " +
                        "BBB F00 F90 FC6 FF0 3F3 6CC 3CF 66C C6C " +
                        "999 C00 F60 FC3 FC0 3C0 0CC 36F 63F C3C " +
                        "666 900 C60 C93 990 090 399 33F 60C 939 " +
                        "333 600 930 963 660 060 366 009 339 636 " +
                        "000 300 630 633 330 030 033 006 309 303",
          fonts:        // font names in the font popup
                        "Arial,Arial Black,Comic Sans MS,Courier New,Narrow,Garamond," +
                        "Georgia,Impact,Sans Serif,Serif,Tahoma,Trebuchet MS,Verdana",
          sizes:        // sizes in the font size popup
                        "1,2,3,4,5,6,7",
          styles:       // styles in the style popup
                        [["Paragraph", "<p>"], ["Header 1", "<h1>"], ["Header 2", "<h2>"],
                        ["Header 3", "<h3>"],  ["Header 4","<h4>"],  ["Header 5","<h5>"],
                        ["Header 6","<h6>"]],
          useCSS:       false, // use CSS to style HTML when possible (not supported in ie)
          docType:      // Document type contained within the editor
                        '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">',
          docCSSFile:   // CSS file used to style the document contained within the editor
                        "",
          bodyStyle:    // style to assign to document body contained within the editor
                        "margin:4px; font:10pt Arial,Verdana; cursor:text"
    }
$(function() {
    $('textArea').cleditor(editorParams);
});
</r:script>

